<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>xxxx</title>
    <link href="../static/css/index.css"
          rel="stylesheet"
          th:href="@{/static/css/index.css}">
    <!-- 自定义css文件 -->
    <link href="../static/css/common.css"
        rel="stylesheet"
        th:href="@{/static/css/common.css}">
</head>
<body>

<div id="footer" th:fragment="footer" class="footer" v-cloak>
    <span>有问题发送邮件至</span>
    <el-button type="text" @click="sendMail" class="footer-txt">服务支持(songzhantao)</el-button>
</div>

<script src="../static/js/vue.js" th:src="@{/static/js/vue.js}"></script>
<script src="../static/js/element.js" th:src="@{/static/js/element.js}"></script>
<script src="../static/js/utils.js" th:src="@{/static/js/utils.js}"></script>
<!-- 定义vue组件 -->
<script th:fragment="vue">
    new Vue({
        el: '#footer',
        data: {
        },
        methods: {
            sendMail: function() {
                jumpToURL('mailto:' + '250354234@qq.com');
            },
        },
    })
</script>

</body>
</html>